<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>App下载</title>
    <link href="./function/img/logoioc.png" rel="SHORTCUT ICON">
    <link rel="stylesheet" href="./AppD/css/index.css">
    <link rel="stylesheet" href="./AppD/css/cenbody.css">
</head>

<body>
    <!-- <img id="mouseImage" src="./img/鼠标标签.png" alt="鼠标标签"> -->
    <!-- top -->
    <div class="top_box">
        <img src="./AppD/img/top_bgimg.png" alt="">
        <ul class="top_ul">
            <li><a href="./home.html">首页</a></li>
            <li><a href="./function.html">产品功能</a></li>
            <li><a href="./product.html">业务分类</a></li>
            <li><img src="./function/img/logo.png" alt="无法加载"></li>
            <li><a href="./develop.html">发展历程</a></li>
            <li><a href="./AppD.html">App下载</a></li>
            <li><a href="./login.html">登录入口</a></li>
        </ul>
        <div class="top_photo">
            <img id="logoImg" src="./AppD/img/top_photoimg.png" alt="">
        </div>
        <script src="./AppD/js/photoimg.js"></script>
    </div>
    <!-- body -->
    <div class="cen_box">
        <div class="cen_boxtext">
            <div class="cen_img"><img src="./AppD/img/doimg1.png" alt=""></div>
            <div class="cen_text">
                <h1>二课活动</h1>
                <p>全校二课活动等你来参加，学分交友实践通通都有！</p>
            </div>
        </div>
        <div class="cen_box">
            <div class="cen_boxtext">
                <div class="cen_img2"><img src="./AppD/img/doimg2.png" alt=""></div>
                <div class="cen_text2">
                    <h1>高校头条</h1>
                    <p>给你最全面的校园资讯、学习、娱乐、成长、生活等栏目内容丰富多彩。</p>
                </div>
            </div>
        </div>
        <div class="cen_box">
            <div class="cen_boxtext">
                <div class="cen_img"><img src="./AppD/img/doimg3.png" alt=""></div>
                <div class="cen_text">
                    <h1>话题广场</h1>
                    <p>最热门有趣的话题，互动交流大平台，记录生活，展现自我。</p>
                </div>
            </div>
            <div class="cen_box">
                <div class="cen_boxtext">
                    <div class="cen_img2"><img src="./AppD/img/doimg4.png" alt=""></div>
                    <div class="cen_text2">
                        <h1>福利中心</h1>
                        <p>陪伴大学生生活，同时给大学生带来很多福利。</p>
                    </div>
                </div>
            </div>
            <div class="body_four">
                <img src="./AppD/img/fotherimg.png" alt="">
                <div class="body_four_title">
                    <h1>PU口袋校园</h1>
                    <p>学生成长平台</p>
                </div>
                <div class="ftimg">
                    <img src="./AppD/img/erweima.png" alt="">
                    <div id="ftty">
                        <img src="./AppD/img/ios.png" alt="">
                        <p>App&nbsp;Store&nbsp;下载</p>
                    </div>
                    <div id="ftty2">
                        <img src="./AppD/img/android.png" alt="">
                        <p>Android&nbsp;下载</p>
                    </div>
                </div>
            </div>
            <!-- fother -->
            <div class="last_tte">
                <div class="footer">
                    <div class="footer-content">
                        <p>苏州天宫数字科技有限公司 版权所有 <a href="#" target="_blank">苏lCP备12046592号</a> 经营许可证:&nbsp;&nbsp;&nbsp;<a
                                href="#" target="_blank">苏B2-20170388</a> <a href="#">隐私协议</a><a href="">&nbsp;服务条款</a>
                        </p>
                    </div>
                </div>
            </div>
            <script>
                document.addEventListener('DOMContentLoaded', function () {
                    const mouseImage = document.getElementById('mouseImage');

                    function onMouseMove(event) {
                        const x = event.clientX - mouseImage.width / 2 - 8;
                        const y = event.clientY - mouseImage.height / 2 + 9;

                        // 考虑文档的滚动偏移
                        const scrollX = window.scrollX || window.pageXOffset;
                        const scrollY = window.scrollY || window.pageYOffset;

                        // 设置图片位置，考虑滚动偏移
                        mouseImage.style.transform = `translate(${x + scrollX}px, ${y + scrollY}px)`;
                    }

                    document.addEventListener('mousemove', onMouseMove);
                });
            </script>
</body>

</html>